<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>文档管理</title>
    <link rel="stylesheet" href="/Resources/css/public.css">
    <link rel="stylesheet" href="/Resources/css/document.css">
</head>

<body>
    <!---------------- 头部 ---------------->
    <div class="head">
        <div class="logo">
            <a href="javascript:;">
                <img src="/Resources/images/logo.png" alt="">
            </a>
        </div>
        <div class="tab">
            <ul>
                <li>
                    <a href="index.html">首页</a>
                </li>
                <li class='active'>
                    <a href="document.html">文档管理 </a>
                </li>
                <li>
                    <a href="user-password.html">用户中心</a>
                </li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="请输入搜索内容">
            <i class='icon icon-search'></i>
        </div>
        <div class="account">
            <div class="title">
                <i class='icon icon-account'></i>
                <span>
                    章娟秀
                </span>
                <i class='icon-title-arrow'></i>
            </div>
            <div class="list-wrap none">
                <div class="list-wrap-inner">
                    <i class='icon-list-arrow'></i>
                    <ul>
                        <li>
                            <a href="javascript:;">
                    修改信息
                    </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                    修改密码
                    </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                    退出
                    </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!---------------- 主要区域 ---------------->
    <div class="main-side">
        <!---------------- 侧边栏 ---------------->
        <div class="side-left">
            <ul>
                <li class='active'>
                    <a href="javascript:;">
                        <i class='icon icon-file-all'></i>
                        全部文档
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class='icon icon-wait-handle'></i>
                        待签署
                    </a>
                </li>
                 <li class="active">
                    <a href="javascript:;">
                        <i class='icon icon-wait-handle'></i>
                        待签署
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <i class='icon icon-has-ok'></i>
                        已完成
                    </a>
                </li>
                <li class="active">
                    <a href="javascript:;">
                        <i class='icon icon-has-ok'></i>
                        已完成
                    </a>
                </li>
            </ul>
        </div>
        <!---------------- 右侧区域 ---------------->
        <div class="side-right">
            <div class="side-right-tab">
                <ul>
                    <li class='li1'>
                        全部
                    </li>
                    <li class='active'>
                        一周
                    </li>
                    <li>
                        一月
                    </li>
                    <li class='li-last'>
                        一年
                    </li>
                </ul>
            </div>
            <div class="side-right-table">
                <div class="table">
                    <table>
                        <thead>
                            <tr>
                                <th>
                                    合同名称
                                </th>
                                <th>
                                    发起人
                                </th>
                                <th>
                                    发起时间
                                </th>
                                <th style="width:90px">
                                    操作
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    孙桂华
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    上海悠正网络科技技术服务合同
                                </td>
                                <td>
                                    李楠
                                </td>
                                <td>
                                    2017年8月18日
                                </td>
                                <td>
                                    <a href="sign.html" class='asign'>签署</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="page-wrap">
                    <ul>
                        <li class='page-prev disabled'>
                            <i class='icon icon-page-prev'></i>
                        </li>
                        <li class='active'>1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                        <li class='page-next'>
                            <i class='icon icon-page-next'></i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="/Resources/js/jquery.min.js"></script>
<script src="/Resources/js/placeholder.js"></script>
<script src="/Resources/js/public.js"></script>
<script src="/Resources/js/document.js"></script>

</html>